<template>
    <div>
        <h2 style="text-align: center;">修改投资项目</h2>
        <table class="table-bordered" border="1">
            <tr>
                <td>投资项目名称</td>
                <td>
                    <input type="text" placeholder="请输入投资项目名称" v-model="info.I_Name">
                </td>
            </tr>

            <tr>
                <td>投资项目总金额</td>
                <td>
                    <input type="text" placeholder="请输入投资项目总金额" v-model="info.I_Budget">
                </td>
            </tr>

            <tr>
                <td colspan="2" style="text-align: center;">
                    <input type="button" value="修改" class="btn btn-success" @click="EditInvest">
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import { useRoute,useRouter } from 'vue-router';
import {ref,onMounted} from 'vue';
import axios from 'axios';

//创建响应式数据
const info=ref({
    I_Name:"",
    I_Budget:""
})

//创建路由信息对象实例
const route=useRoute();
//创建路由操作对象
const router=useRouter();

//创建生命周期函数钩
onMounted(()=>{
    GetInvestInfo()
})

//加载数据方法
const GetInvestInfo=()=>{
    axios.get("https://localhost:44321/api/Invest/GetInvestInfo",
        {
            params:{
                Iid:route.params.Iid
            }
        }
    )
    .then(res=>{
        console.log(res.data)
        info.value=res.data
    })
}

//完成修改
const EditInvest=()=>{
    axios.put("https://localhost:44321/api/Invest/EditInvestInfo",
        {
            I_Id:route.params.Iid,
            I_Name:info.value.I_Name,
            I_Budget:info.value.I_Budget
        }
    )
    .then(res=>{
        if(res.data>0)
        {
            alert('投资项目信息修改成功!');
            router.push("/ShowInvestinfo")
        }
        else if(res.data==-1)
        {
            alert('投资项目信息已经被投资不能修改')
        }
        else{
            alert('投资项目信息修改失败!!!');
        }
    })
}

</script>